<template>
  <div class="box">
    <Head title="商 城" id="backstyle">
    
    </Head>
<!-- 版心区域 -->
<div class="center">
  <h3>
    接第三方端口
  </h3>
</div>
<Tabbar></Tabbar>
  </div>
</template>

<script>
import Head from "@/components/public/HeadPage.vue"
import Tabbar from "@/components/public/TabbleView.vue"
export default {
  components:{
    Head,Tabbar
  },
   //底部栏的高亮
   created() {
  sessionStorage.setItem('active',2)
},
}
</script>

<style scoped>
/* 整体区域 */
.box{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;

}
/* 头标区域 */
.top h3 img {
    width: 0.24rem;
    margin-right: 0.05rem;
}
/* 版心区域 */
.center{
  width: 98%;
  height: 100%;

}
h3{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>